<script setup lang="ts">
// #ifdef MP
import { onAddToFavorites, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
import { wxCollect, wxShare } from '@/libs/share'

onShareAppMessage(wxShare(true))
onShareTimeline(wxShare(false))
onAddToFavorites(wxCollect())
// #endif

import { infoList } from './data'
</script>

<template>
  <PageWrapper
    name="user-vip-content-info"
    :pageStyle="{ backgroundColor: '#FFC1B0' }"
  >
    <div class="info">
      <div class="title">获取蒜瓣渠道</div>

      <template
        v-for="(item, _idx) in infoList"
        :key="_idx"
      >
        <div class="name">{{ item.name }}</div>
        <div class="content">{{ item.content }}</div>
      </template>
    </div>
  </PageWrapper>
</template>

<style lang="less" scoped>
.info {
  width: 686rpx;

  margin: 38rpx auto;

  box-sizing: border-box;
  padding: 32rpx;

  border-radius: 16rpx;
  background-color: #FFE1BD;

  .title {
    color: #952E36;
    font-size: 64rpx;
    line-height: 64rpx;
    text-shadow: 0 0 4rpx #fff, 0 0 4rpx #fff, 0 0 4rpx #fff;
  }

  .name {
    margin-top: 28rpx;

    color: #952E36;
    font-size: 40rpx;
    line-height: 40rpx;
    text-shadow: 0 0 4rpx #fff, 0 0 4rpx #fff, 0 0 4rpx #fff;
  }

  .content {
    margin-top: 16rpx;

    color: #3D3D3D;
    font-size: 32rpx;
    line-height: 40rpx;
  }
}
</style>